<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 引入Layui -->
		<script src="../bootstrap-4.6.1/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../layui-v2.6.8/layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="../layui-v2.6.8/layui/css/layui.css" />
		<!-- 引入Bootstraps -->
		<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
		<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
		<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
		<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
		<!-- 引入自己 -->
		<link rel="stylesheet" type="text/css" href="../css/login.css" />
		<link rel="stylesheet" type="text/css" href="../font/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../public/public.css"/>
	</head>
	<body>
		<div id="app">
			<!-- 头部 -->
			<div class="header">
				<div class="main">
					<!-- logo -->
					<div class="head-logo">
						<h1>
							<a href="../index.html"></a>

						</h1>
					</div>
					<!-- 标题 -->
					<div class="head-title">
						欢迎登录
					</div>
					<!-- 跳转登录 -->
					<div class="head-login clear">
						调查问卷
						<a href="login.html" class="iconfont">&#xe660;</a>
					</div>
				</div>
			</div>
			<!-- 内容 -->
			<div class="context">
				<!-- 隐私提示 -->
				<div class="tips-wrapper">
					<p>依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！ 新版</p>
				</div>
				<!-- 登录盒子 -->
				<div class="login-wrap">
					<!-- 登录中心 -->
					<div class="login-w-center">
						<!-- 表单 -->
						<div class="login-from">
							<!-- 表单提示信息 -->
							<div class="tips-wrapper">
								<p>京东不会以任何理由要求您转账汇款，谨防诈骗。</p>
							</div>
							<!-- 登录和注册 -->
							<div class="btns">
								<button type="button" class="btn btn-sao">扫码登录</button>
								<button type="button" class="btn btn-zh">账号登录</button>
							</div>
							<!-- from表单 -->
							<div class="form-box">
								<form>
									<!-- 账号 -->
									<div class="input-group mb-3">
										<div class="input-group-prepend">
											<span class="input-group-text iconfont">&#xe619;</span>
										</div>
										<input type="text" class="form-control" placeholder="邮箱/用户名/登录手机" id="usrId"
											name="username">
									</div>
									<!-- 密码 -->
									<div class="input-group mb-3">
										<div class="input-group-prepend">
											<span class="input-group-text iconfont">@</span>
										</div>
										<input type="text" class="form-control" placeholder="密码" id="usrPasswd"
											name="username">
									</div>
									<!-- 忘记密码 -->
									<div class="repasswd">
										<a href="">忘记密码</a>
									</div>
									<!-- 立即登录 -->
									<button type="button" class="btn btn-danger" id="gologin">立即登录</button>
								</form>
							</div>
							<!-- 注册 -->
							<div class="goregister">
								<a href="register.html">
									立即注册
									<span class="iconfont">&#xe63c;</span>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 尾部 -->
			<div class="footer">

			</div>
		</div>
	</body>
	<script src="../public/public.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/login.js" type="text/javascript" charset="utf-8"></script>
</html>
